﻿
/*1                 pidai2*/
.canvas div:nth-of-type(2){
-webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:demo2 18s 0s infinite ease normal none ;} 
@-webkit-keyframes demo2{0%{height:322px;} 50%{height:84px;} 100%{height:322px;}}
.canvas div:nth-of-type(2){
-moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:demo2 18s 0s infinite ease normal none ;}
@-moz-keyframes demo2{0%{height:322px;} 50%{height:84px;} 100%{height:322px;}}
/*4                 pz*/
.canvas div:nth-of-type(3){
-webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:demo3 18s 0s infinite ease normal none ;} 
@-webkit-keyframes demo3{0%{top:358px;} 50%{top:105px;} 100%{top:358px;}}
.canvas div:nth-of-type(3){
-moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:demo3 18s 0s infinite ease normal none ;}
@-moz-keyframes demo3{0%{top:358px;} 50%{top:105px;} 100%{top:358px;}}
/*7                 pidai*/
.canvas div:nth-of-type(5){
-webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:demo5 18s 0s infinite ease normal none ;} 
@-webkit-keyframes demo5{0%{height:61px;} 50%{height:321px;} 100%{height:61px;}}
.canvas div:nth-of-type(5){
-moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:demo5 18s 0s infinite ease normal none ;}
@-moz-keyframes demo5{0%{height:61px;} 50%{height:321px;} 100%{height:61px;}}
/*10                 sheng*/
.canvas div:nth-of-type(6){
-webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:demo6 18s 0s infinite ease normal none ;} 
@-webkit-keyframes demo6{0%{top:103px;height:490px;} 50%{top:375px;height:221px;} 100%{top:103px;height:490px;}}
.canvas div:nth-of-type(6){
-moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:demo6 18s 0s infinite ease normal none ;}
@-moz-keyframes demo6{0%{top:103px;height:490px;} 50%{top:375px;height:221px;} 100%{top:103px;height:490px;}}
/*13                 xuandian*/
.canvas div:nth-of-type(8){
-webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:demo8 18s 0s infinite ease normal none ;} 
@-webkit-keyframes demo8{0%{top:100px;} 50%{top:362px;} 100%{top:100px;}}
.canvas div:nth-of-type(8){
-moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:demo8 18s 0s infinite ease normal none ;}
@-moz-keyframes demo8{0%{top:100px;} 50%{top:362px;} 100%{top:100px;}}